<!--监管频次-->
<template>
    <div class="superviseFrequency_box">
        <!-- <p class="superviseFrequency_close"><img @click.self="$emit('hidden')" class="cursor" src="../../../assets/img/comprehensive/left/27.png"></p> -->
        <p class="superviseFrequency_boxTitle colorF textC font_s40">分类监管频次</p>
        <ul class="flex superviseFrequency_title colorF font_s20 textC JustifyContentSA" style="margin-top:1.825rem;">
            <li class="flex2 textC" style="padding-left: 1rem;">机构等级</li>
            <li class="flex3">风险及信用情况</li>
            <li class="flex2">监管方式</li>
            <li class="flex2" style="padding-right:1rem;">监管频次</li>
        </ul>
        <ul class="flex superviseFrequency_content colorF font_s18 textC JustifyContentSA" v-for="item in dataList" v-bind:key="item.id">
            <li class="flex2" style="padding-left: 2rem;">{{item.jgdj}}</li>
            <li class="flex3">{{item.fxjxyqk}}</li>
            <li class="flex2">{{item.jgfs}}</li>
            <li class="flex2" style="padding-right:1rem;">{{item.jgpc}}</li>
        </ul>
    </div>
</template>
<script>
export default {
  name: 'SuperviseFrequency',
  data () {
    return {
      dataList: [
        { 'jgdj': '一级', 'fxjxyqk': 'C级及以上', 'jgfs': '双随机', 'jgpc': '一年一次' },
        { 'jgdj': '二级', 'fxjxyqk': 'C级及以上', 'jgfs': '双随机', 'jgpc': '一年两次' },
        { 'jgdj': '未评定等级', 'fxjxyqk': 'C级及以上', 'jgfs': '双随机', 'jgpc': '一年三次' }
      ]
    }
  }
}
</script>
<style scoped>
.superviseFrequency_box {
    background: url(../../../assets/img/comprehensive/left/25.png) no-repeat center;
    background-size: 100% 100%;
    height: 40%;
    width: 51%;
    position: absolute;
    top: 7%;
    left: 4%;
    padding: 2rem 2rem;
    box-sizing: border-box;
}
/* .superviseFrequency_close {
    position: absolute;
    top: 5.8%;
    right: 3%;
} */
.superviseFrequency_boxTitle {
    background: url(../../../assets/img/comprehensive/left/26.png) no-repeat center;
    background-size: 29% 94%;
    line-height: 5rem;
    font-weight: bold;
}
.superviseFrequency_title {
    line-height: 2.875rem;
    /* border-radius: 10px 10px 0 0; */
    /* background:#277B72;  */
}
.superviseFrequency_content {
    line-height: 3.625rem;
    /* border-radius: 5px; */
    /* background: rgba(43,51,65,0.8); */
    /* margin: 0.825rem 0; */
}
.superviseFrequency_box ul:nth-of-type(odd) {
    background:#277B72;
}
/* .superviseFrequency_box ul:nth-of-type(even) {
    background:#000;
} */
</style>
